<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="">
		<meta name="author" content="">
		<title>猪客之家-我的预定</title>
		<link href="../../css/bootstrap.min.css" rel="stylesheet" type="text/css">
		<link href="../../css/style.css" rel="stylesheet">
		<link rel="stylesheet" href="../../fonts/font-awesome/css/font-awesome.min.css" />
		<link rel="stylesheet" href="../../css/cert.css" />
	</head>

	<body>
		<div class="headerNav">
			<div class="nav-top">
				<header class="modal-open container">
					<div class="pull-left line-pipe">
						<i class="fa fa-map-marker text-color-f3"></i><em class="text-color-3 marginlr-5">厦门</em><span><a href="javascript:void(0)" class="text-color-f3">[切换城市]</a></span>
					</div>
					<div class="pull-right">
						<ul class="modal-open">
							<li class="pull-left line-pipe">欢迎来到猪客之家！请
								<a href="javascript:void(0)">登录</a>
							</li>
							<li class="pull-left line-pipe">
								<a href="javascript:void(0)" class="text-color-f3">免费注册</a>
							</li>
							<li class="pull-left line-pipe"><i class="marginright-5"><img src="../../images/phone.png" /></i>热线电话：400-888-8888</li>
							<li class="pull-left line-pipe"><i class="fa fa-mobile text-color-f3 marginright-5"></i>
								<a href="javascript:void(0)">手机猪客</a>
							</li>
						</ul>
					</div>
				</header>
			</div>
			<section class="bg-white">
				<div class="container paddingbot-10 paddingtop-20">
					<div class="pull-left nav-logo col-lg-3 paddingleft-40">
						<img src="../../images/logo.png" />
					</div>
					<div class="pull-right nav-search">
						<form class="bs-example bs-example-form" role="form">
							<div class="row modal-open margin-none padding-none">
								<div class="padding-none map-search-box">
									<span class="input-group-btn bg-f3 marginleft-10">
									<button class="btn btn-default bg-f3 text-light border-fe btn-search" type="button">地图找房</button>
								</span>
								</div>
								<div class="pull-right padding-none btn-search-box paddingright-10">
									<div class="input-group">
										<input type="text" class="form-control border-fe" placeholder="例如：软件园、观音山">
										<span class="input-group-btn bg-fe marginleft-10">
										<button class="btn btn-default bg-fe text-light border-fe btn-search" type="button"><i class="fa fa-search text-light marginright-10"></i>搜索	</button>
									</span>
									</div>
									<div class="hot-search">
										<span class="text-color-f3 pull-left line-pipe">热门搜索：</span>
										<ul class="modal-open margin-none padding-none nav-top">
											<li class="line-pipe pull-left">观音山</li>
											<li class="line-pipe pull-left text-color-f3">地铁站</li>
											<li class="line-pipe pull-left">前埔</li>
											<li class="line-pipe pull-left">软件园</li>
											<li class="line-pipe pull-left">集美嘉庚</li>
											<li class="line-pipe pull-left">岛外小区</li>
										</ul>
									</div>
								</div>
							</div>
						</form>
					</div>
				</div>
			</section>
			<div class="navigation">
				<nav class="navbar navbar-custom" role="navigation">
					<div class="container">
						<div class="row">
							<div class="col-md-12 padding-none">
								<div class="collapse navbar-collapse" id="menu">
									<ul class="nav navbar-nav">
										<li class="active">
											<a href="#">首页</a>
										</li>
										<li>
											<a href="#">我要找房</a>
										</li>
										<li>
											<a href="#">免押入住</a>
										</li>
										<li>
											<a href="#">热门活动</a>
										</li>
										<li>
											<a href="#">业主加盟</a>
										</li>
										<li>
											<a href="#">项目招商</a>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</nav>
			</div>
		</div>
		<div class="main"></div>
		<footer>
			<div class="container">
				<div class="row is-flex padding-none margin-none">
					<div class="col-md-2 paddingtop-bottom">
						<h6 class="heading7">用户帮助</h6>
						<ul class="footer-ul">
							<li>
								<a href="#">入住指南</a>
							</li>
							<li>
								<a href="#">生活常识</a>
							</li>
							<li>
								<a href="#">常见问题</a>
							</li>
						</ul>
					</div>
					<div class="col-md-2 paddingtop-bottom">
						<h6 class="heading7">商务合作</h6>
						<ul class="footer-ul">
							<li>
								<a href="#">行业加盟</a>
							</li>
							<li>
								<a href="#">项目招商</a>
							</li>
						</ul>
					</div>
					<div class="col-md-2 paddingtop-bottom">
						<h6 class="heading7">公司信息</h6>
						<ul class="footer-ul">
							<li>
								<a href="#">关于猪客</a>
							</li>
							<li>
								<a href="#">联系猪客</a>
							</li>
							<li>
								<a href="#">加入猪客</a>
							</li>
						</ul>
					</div>
					<div class="col-md-2 paddingtop-bottom">
						<h6 class="heading7">客服热线</h6>
						<ul class="footer-ul">
							<li>
								<a href="#">400-888-8888</a>
							</li>
							<li>
								<a href="#">工作日：09:00-21:00</a>
							</li>
						</ul>
					</div>
					<div class="col-md-4 footerleft">
						<ul class="list-inline text-center">
							<li class="col-xs-6">
								<span class="text-color-3">下载猪客APP</span>
								<img class="margintop-10" src="../../images/code.jpg" />
							</li>
							<li class="col-xs-6">
								<span class="text-color-3">关注猪客微信</span>
								<img class="margintop-10" src="../../images/code.jpg" />
							</li>
						</ul>
					</div>
				</div>
				<div class="copyright modal-open">
					<img src="../../images/logo2.png" class="pull-left marginright-50" />
					<p class="pull-left text-color-3 padding-none margin-none">© 2018 猪客之家 闽ICP备18005547号-1<br />福建省厦门市思明区观音山营运中心一号楼602a</p>
				</div>
			</div>
		</footer>
		<script src="../../js/jquery-3.3.1.min.js"></script>
		<script src="../../js/bootstrap.min.js"></script>
	</body>

</html>